<template>
    <div>
        <el-popover trigger="hover" :placement="placement">
            <video :src="videoPath" controls="controls" width="400px" height="250px">
                your browser does not support the video tag
            </video>
            <div slot="reference">
                <img class="table-img" src="../assets/video.png" />
            </div>
        </el-popover>
    </div>
</template>
<script>
export default {
    props: {
        videoPath: {
            type: String,
            default: ''
        },
        videoName: {
            type: String,
            default: ''
        },
        placement: {
            type: String,
            default: 'bottom'
        }
    },
    data() {
        return {}
    }
}
</script>
<style lang="scss" scoped>
.table-img {
    width: 60px;
    height: 60px;
}
.table-img-bg {
    width: 150px;
    height: 150px;
}
</style>
